.tipSwrap {
    width: 220px;
    height: 160px;
    background: rgba(18, 23, 50, 0.8);
    box-shadow: inset 0px 0px 12px 0px rgba(24, 100, 158, 0.7);
    border-radius: 4px;
    border: 1px solid #5983AE;
    position: absolute;
    // transform: translate(-50%, -100%);
    padding: 12px;

   

    .label {
        font-weight: 600;
        font-size: 14px;
        color: rgba(223, 242, 255, 0.8);
        line-height: 20px;
        display: inline-block;
        // margin-right: 3px;
    }

    .value {
        font-weight: bold;
        font-size: 18px;
        color: #47B0FA;
        line-height: 22px;
        display: inline-block;
        text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
    }

    .flexB {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .flexE {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
}

.bigBox {
    width: 731px;
    height: 577px;
    /* 使用 translate 移动元素 */
    transform: translate(100px, 50px);
}

// 仓库高亮播放视频
.heighLightSwrap {
    width: 731px;
    height: 577px;
    background: rgba(18, 23, 50, 0.8);
    box-shadow: inset 0px 0px 12px 0px rgba(24, 100, 158, 0.7);
    border-radius: 4px;
    border: 1px solid #5983AE;
    z-index: 9999;
    padding: 12px;
    zoom: 1.2;
    // transform: scale(1.2);
    margin-top: -100px;

    .name {
        font-weight: 600;
        font-size: 14px;
        color: rgba(223, 242, 255, 0.8);
        line-height: 20px;
        margin-bottom: 10px;
    }

    .wearInfoBox {
        display: flex;
        justify-content: space-between;

        .wearInfoBoxItem {
            width: 171px;
            height: 88px;
            background: linear-gradient(90deg, #192241 0%, rgba(33, 38, 61, 0) 100%);
            border-radius: 8px;
            border: 1px solid #474A68;
            .wIcon{
                vertical-align: middle;
                margin: 0 10px;
            }
        }

        .top {
            width: 151px;
            height: 36px;
            background: linear-gradient( 90deg, rgba(193, 234, 255, 0.3) 0%, rgba(19,26,45,0.1) 100%);
            // backdrop-filter: blur(10px);
            border-radius: 7px 0 0 0;

            .title {
                font-weight: 500;
                font-size: 14px;
                color: rgba(193, 234, 255, 1);
                line-height: 20px;
                line-height: 36px;
            }

        }

        .bottom {
            font-weight: bold;
            font-size: 28px;
            color: #FCAF2B;
            line-height: 34px;
            padding: 10px 10px;

            .unit {
                font-size: 14px;
                margin-left: 3px;
            }
        }
    }

}

.onWay{
    text-align: center;
    padding: 3px 6px;
    background: rgba(18,23,50,0.8);
    box-shadow: inset 0px 0px 12px 0px rgba(24,100,158,0.7);
    border-radius: 4px;
    border: 1px solid #FCAF2B;
    position: absolute;
        font-size: 14px;
        color: #FEA91B;
        line-height: 22px;
        text-shadow: 0px 2px 6px rgba(0,0,0,0.5);
        z-index: 999;
}

.tipLine {
    width: 3px;
    height: 16px;
    background: linear-gradient(180deg, rgba(88, 130, 173, 0.98) 0%, #40AAF3 100%);
    display: block;
    position: absolute;
    bottom: -18px;
    left: 49%;
    z-index: 1;
}